﻿<!DOCTYPE HTML>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>丁超的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="images/favicon.ico" />
    <link href="https://fonts.googleapis.com/css?family=Rambla:400,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/et-lineicons.css">
    <link rel="stylesheet" href="css/themify-icons.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
        <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div id="lonon-page"> <a href="#" class="js-lonon-nav-toggle lonon-nav-toggle"><i></i></a>
        <!-- Sidebar Section -->
        <aside id="lonon-aside">
            <!-- Logo -->
            <h1 id="lonon-logo">
                <img src="images/my.png" alt=""><br />
                <a href="index.html">丁 超<span>前端开发工程师</span></a>
            </h1>
            <!-- Menu -->
            <nav id="lonon-main-menu">
                <ul>
                    <li class="lonon-active"><a href="index.html">主页</a></li>
                  <li><a href="resume.html">简历</a></li>
                    <li><a href="portfolio.html">个人作品</a></li>
                    <li><a href="services.html">生活日常</a></li>
                    <li><a href="blog.html">我的博客</a></li>
                    <li><a href="contact.html">联系方式</a></li>
                </ul>
            </nav>
            <!-- Sidebar Footer -->
            <div class="lonon-footer">
                <ul>
                    <li><a href="#"><i class="ti-facebook font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-twitter-alt font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-instagram font-14px gray-icon"></i></a></li>
                    <li><a href="#"><i class="ti-dribbble font-14px gray-icon"></i></a></li>
                </ul>
                <p><small>&copy; 2023 ChaoDing. by <a href="http://www.bootstrapmb.com/" title="bootstrapmb">DuruThemes</a></small></p>
            </div>
        </aside>
        <!-- Main Section -->
        <div id="lonon-main">
            <!-- About Me -->
            <div class="lonon-about">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-5"> <img src="images/work/11.jpg" class="img-fluid mb-15 animate-box fadeInLeft animated" data-animate-effect="fadeInLeft" alt=""> </div>
                        <div class="col-md-7 animate-box fadeInLeft animated" data-animate-effect="fadeInLeft"> <span class="heading-meta style-1">Informations</span>
                            <h3 class="lonon-about-heading">自我介绍</h3>
                            <p style="text-indent:2em">我叫丁超，今年27岁，2018年毕业于安徽农业大学，我是一名前端开发工程师，有着四年的工作经验，分别就职两家公司的前端开发岗位和一家公司的数据采集岗位。</p>
                            <p style="text-indent:2em">熟练掌握前端开发常用语言如：JavaScript，html，css等,应用与开发PC端和移动端页面，熟悉主流框架如：VUE，Element-UI / Vant/layUI/REACT等；对于后端语言也有一定的了解，会使用C，NODEJS，JAVA等语言。</p>
                            
                            <p style="text-indent:2em">能够尽快熟悉业务，能快速融入团队，有很强的进取心，做事认真负责,有强烈的团队合作意识；对新鲜事物充满好奇心，希望通过对前端的热情和自己的努力使自己各方面得到提高，让自己更加优秀。</p>
                            <div class="cardvisit">
                                <h3>丁 超</h3>
                                <span>前端开发工程师</span>
                                <div class="divider-line"></div>
                                <p><i class="ti-skype"></i> ChaoDing</p>
                                <p><i class="ti-email"></i> &nbsp;dc740155287@163.com</p>
                                <p><i class="ti-location-pin"></i> address Nanjing City, Jiangsu Province China</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="divider1"></div>

            <!-- Footer -->
            <div id="lonon-footer2">
                <div class="lonon-narrow-content">
                    <div class="row">
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <p class="lonon-lead">&copy; 2023 ChaoDing. All rights reserved</p>
                        </div>
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <h2 class="text-center"></h2> </div>
                        <div class="col-md-4 animate-box" data-animate-effect="fadeInLeft">
                            <ul class="social-network">
                                <li><a href="#"><i class="ti-facebook font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-twitter-alt font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-instagram font-14px black-icon"></i></a></li>
                                <li><a href="#"><i class="ti-linkedin font-14px black-icon"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Js -->
        <script src="js/jquery.min.js"></script>
        <script src="js/modernizr-2.6.2.min.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.waypoints.min.js"></script>
        <script src="js/sticky-kit.min.js"></script>
        <script src="js/main.js"></script>
    </div>
</body>

</html>
